<template>
    <div id="body">
      <div class="main">
        <router-view></router-view>
      </div>
      <foot firstPath='/stbaseurl/index' secondPath='/stbaseurl/file' thirdPath='/stbaseurl/mine'></foot>
      <div v-if="this.$store.state.isCovering" id="loupanAlphaFilter"></div>
    </div>
</template>

<script>
// 引入公共的导航栏
import foot from '../Organization/Foot'
export default {
  name: 'stbaseurl',
  components: {
    foot: foot
  },
  data () {
    return {
    }
  },
  mounted () {
    this.$store.commit('studentLogin')
  }
}
</script>

<style lang="scss" scoped>
  #body {
    height: 100%;
    width: 100%;
  }
  .main{
    height: calc(100% - #{px2rem(55)});
    overflow: hidden;
  }
  #loupanAlphaFilter {
    position: absolute;
    padding: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    // -moz-opacity:0.7;
    opacity: 0.45;
    // filter: alpha(opacity=40);
    background-color: #000000;
    // display:none;
    z-index: 100;
  }
</style>
